<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义指令</title>
</head>
<body>
<div id="app">
    <input type="text" v-focus>
</div>

<div id="app1">
  <input type="text" v-focus1>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
    <!-- 全局自定义指令，实现加载页面后选中input框功能，第一个参数是指令名称，第二个参数是当前指令所在元素的DOM对象 -->
    Vue.directive("focus",{
        inserted(dom){
           dom.focus();
        }
    });

    let vm = new Vue({
      el: "#app"
    });

    <!-- 自定义局部指令 -->
    let vm1 = new Vue({
      el: "#app1",
      directives: {
        focus1: {
          inserted(dom) {
            dom.focus();
          }
        }
      }
    })

</script>
</body>
</html>